// JavaScript Document
$(
    function(){
        
         $("#datepicker").datepicker();
        
        
        $(".datalist tbody tr").hover(function(){
            $(this).addClass("hover");
        }, function(){
            $(this).removeClass("hover");
        });
        $(".datalist tbody tr").click(function(){
            $(".datalist tbody tr").removeClass("active");
            $(this).addClass("active");
        });
        $(".datalist tbody tr:even").addClass("even");
        $(".datalist tbody tr:odd").addClass("odd");
        
        
        // 3 - MESSAGE BOX FADING SCRIPTS ---------------------------------------------------------------------

            $(".close-yellow").click(function () {
                $("#message-yellow").fadeOut("slow");
            });
            $(".close-red").click(function () {
                $("#message-red").fadeOut("slow");
            });
            $(".close-blue").click(function () {
                $("#message-blue").fadeOut("slow");
            });
            $(".close-green").click(function () {
                $("#message-green").fadeOut("slow");
            });

    // END ----------------------------- 3
    })